<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="format-detection" content="telephone=no,email=no,adress=no">
    <link rel="shortcut icon" href="img/icon.png" type="image/x-icon" />
    <title>美仑科技-案例</title>
    <link href="css/style.css" type="text/css" rel="stylesheet">
    <link href="css/animate.min.css" type="text/css" rel="stylesheet">
    <script src="js/jquery.min.js"></script>
    <script src="js/jquery.SuperSlide.2.1.1.js"></script>
</head>

<body>
<!--头部-->
<div class="heaerTp">
    <div class="heaerbox">
        <div class="logo">
            <a href="#">
                <img src="img/logo.png">
            </a>
        </div>
        <div class="navbar-collapse" id="nav">
            <div class="searchbox">
                <div class="searchinpt">
                    <input type="text" placeholder="搜索你想要的">
                </div>
                <button type="button" class="search-btn" id='searchBtn'>
                    <i></i>
                </button>
            </div>
            <ul class="navbar-nav">
                <li>
                    <a href="index.html">HOME</a>
                </li>
                <li class="active">
                    <a href="case.html">案例</a>
                </li>
                <li>
                    <a href="service.html">服务</a>
                    <div class="servicemenu">
                        <dl>
                            <dd>
                                <a href="mobilescheme.html">
                                        <span class="ion">
                                            <i>
                                                <img src='img/sricion1.png'>
                                            </i>
                                        </span>
                                        <span class="cont">
                                            <h2>移动端设计 开发</h2>
                                            <p>Mobile Solutions</p>
                                        </span>
                                </a>
                            </dd>
                            <dd>
                                <a href="webpage.html">
                                        <span class="ion">
                                            <i>
                                                <img src='img/sricion2.png'>
                                            </i>
                                        </span>
                                        <span class="cont">
                                            <h2>网站建设 软件开发</h2>
                                            <p>Software Development</p>
                                        </span>
                                </a>
                            </dd>
                            <dd>
                                <a href="frontend.html">
                                        <span class="ion">
                                            <i>
                                                <img src='img/sricion3.png'>
                                            </i>
                                        </span>
                                        <span class="cont">
                                            <h2>前端 H5开发</h2>
                                            <p>Front-end Development</p>
                                        </span>
                                </a>
                            </dd>
                            <dd>
                                <a href="game.html">
                                        <span class="ion">
                                            <i>
                                                <img src='img/sricion4.png'>
                                            </i>
                                        </span>
                                        <span class="cont">
                                            <h2>游戏美术 UI设计</h2>
                                            <p>Game Art UI Design</p>
                                        </span>
                                </a>
                            </dd>
                            <dd>
                                <a href="brand.html">
                                        <span class="ion">
                                            <i>
                                                <img src='img/sricion5.png'>
                                            </i>
                                        </span>
                                        <span class="cont">
                                            <h2>品牌策划</h2>
                                            <p>Brand Planning</p>
                                        </span>
                                </a>
                            </dd>
                            <dd>
                                <a href="shoping.html">
                                        <span class="ion">
                                            <i>
                                                <img src='img/sricion6.png'>
                                            </i>
                                        </span>
                                        <span class="cont">
                                            <h2>电商视觉</h2>
                                            <p>E-commerce Vision</p>
                                        </span>
                                </a>
                            </dd>
                        </dl>
                    </div>
                </li>
                <li>
                    <a href="about.html">关于</a>
                </li>
                <li>
                    <a href="contus.html">联系</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--end-->
<!--背景-->
<div class="content-bg" style="background:url(img/casebg.jpg)no-repeat center center / cover">
    <div class="casein">
        <img src='img/casert1.png'>
    </div>
    <div class="container">
        <div class="content-ties">
            <h3>Case
                <small>实效服务案例</small>
            </h3>
            <p>迄今为止已经为不同行业、不同发展阶段客户提供超过4000次服务</p>
        </div>
    </div>
</div>
<!--end-->
<!--案列-->
<div class="ClassicCaseBg">
    <div class="container">
        <!--案列切换-->
        <div class="Caseslider CaseItem">
            <div class="hd" id='casenav'>
                <ul>
                    <li>
                        <a href="case.html">全部</a>
                    </li>
                    <li class="on">
                        <a href="nocase.html">UI设计</a>
                        <div class="casemenuhide">
                            <a href="nocase.html">教育</a>
                            <a href="nocase.html">企业</a>
                            <a href="nocase.html">游戏</a>
                            <a href="nocase.html">数据</a>
                        </div>
                    </li>
                    <li>
                        <a href="#">游戏美术UI</a>
                        <div class="casemenuhide">
                            <a href="#">教育</a>
                            <a href="#">企业</a>
                            <a href="#">游戏</a>
                            <a href="#">数据</a>
                        </div>
                    </li>
                    <li>
                        <a href="#">前端开发</a>
                        <div class="casemenuhide">
                            <a href="#">教育</a>
                            <a href="#">企业</a>
                            <a href="#">游戏</a>
                            <a href="#">数据</a>
                        </div>
                    </li>
                    <li>
                        <a href="#">软件开发</a>
                        <div class="casemenuhide">
                            <a href="#">教育</a>
                            <a href="#">企业</a>
                            <a href="#">游戏</a>
                            <a href="#">数据</a>
                        </div>
                    </li>
                    <li>
                        <a href="#">VI设计</a>
                        <div class="casemenuhide">
                            <a href="#">教育</a>
                            <a href="#">企业</a>
                            <a href="#">游戏</a>
                            <a href="#">数据</a>
                        </div>
                    </li>
                    <li>
                        <a href="#">标志设计</a>
                        <div class="casemenuhide">
                            <a href="#">教育</a>
                            <a href="#">企业</a>
                            <a href="#">游戏</a>
                            <a href="#">数据</a>
                        </div>
                    </li>
                    <li>
                        <a href="#">画册设计</a>
                        <div class="casemenuhide">
                            <a href="#">教育</a>
                            <a href="#">企业</a>
                            <a href="#">游戏</a>
                            <a href="#">数据</a>
                        </div>
                    </li>
                    <li>
                        <a href="#"> 网店设计</a>
                        <div class="casemenuhide">
                            <a href="#">教育</a>
                            <a href="#">企业</a>
                            <a href="#">游戏</a>
                            <a href="#">数据</a>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="bd">
               <div class="no-content">
                   <img src="img/no-icon.png">
                   <p>界面出现错误，请稍后重试~</p>
               </div>
            </div>

        </div>
    </div>
</div>
<!--end-->
<!--尾部版权-->
<div class="footer">
    <div class="container">
        <div class="fotrimg">
            <img src="img/foter1g.png">
        </div>
        <div class="foter-nav">
            <a href="index.html" class="home">HOME</a>
            <a href="case.html">案例</a>
            <a href="service.html">服务</a>
            <a href="about.html">关于</a>
            <a href="contus.html">联系</a>
        </div>
        <div class="foter-row-lt1">
            <div class="foter-cont">
                <h3>和我们一起工作</h3>
                <p>这个行业贩卖的是头脑与技术
                    <br/>所以如果你有来</p>
            </div>
        </div>
        <div class="foter-row-lt2">
            <div class="foter-cont">
                <h3>联系我们</h3>
                <p>地址：山东省青岛市市北区重庆南路99号海尔云街甲1栋1205</p>
                <p>邮箱：meilun@126.com</p>
                <p>电话：0532-5642113</p>
            </div>
        </div>
        <div class="foter-row-center">
            <div class="foter-cont">
                <h3>关于我们</h3>
                <p>美仑传媒科技服务平台</p>
                <div class="code">
                    <img src="img/ewm.jpg">
                </div>
            </div>
        </div>
    </div>
</div>
<!--end-->
<!-- 悬浮导航 -->
<div class="sliderbar">
    <ul>
        <li class="QQ" title="QQ在线咨询">
            <i>
                <img src='img/sbar1.png'>
            </i>
            <div class="sbarhide">
                <a href="#">QQ在线咨询</a>
            </div>
        </li>
        <li class="price" title="获取报价方案">
            <i>
                <img src='img/sbar2.png'>
            </i>
            <div class="sbarhide">
                <a href="javascript:void(0)" class="priceclick">获取报价/方案</a>
            </div>
            <div class="offer">
                <div class="close">
                    <img src='img/close.png'>
                </div>
                <h2>我们联系您</h2>
                <form method="POST">
                    <div class="offer-inpt">
                        <input type="text" placeholder="输入手机号">
                    </div>
                    <div class="offer-inpt">
                        <input type="text" class="code" placeholder="验证码">
                        <img src='img/codema.jpg' class="ramodecode">
                    </div>
                    <div class="offer-inpt">
                        <button type="button" class="btn">提 交</button>
                    </div>
                </form>
            </div>
        </li>
        <li class="phone" title="联系方式">
            <i>
                <img src='img/sbar3.png'>
            </i>
            <div class="sbarhide">
                <a href="javascript:void(0)">0532-85648610</a>
            </div>
        </li>
        <li class="gotop" onclick="gotoTop()" title="返回顶部">
            <i>
                <img src='img/sbar4.png'>
            </i>
        </li>
    </ul>
</div>
<!--js-->
<script src='js/nav.js'></script>
</body>

</html>